<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$seo.title}解决方案</title>
    <meta name="description" content="解决方案" />
    <meta name="keywords" content="解决方案" />
    <link rel="stylesheet" type="text/css" href="__HOME__css/style.css">
    <link rel="stylesheet" type="text/css" href="__HOME__css/new_style.css">
    <link rel="stylesheet" type="text/css" href="__HOME__css/am.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_720477_e2nfc01mjr7.css">
</head>
<body>
{include file="public/header" /}
<!-- page_banner -->
<div class="page_banner magtopmenu">
    <div class="pagebanner_pic">
        <ul class="page_banner_slider clear">
            {volist name="banner" id="v" key="k"}
            <li>
                <div class="pic">
                    <img src="{$v.img_url}" alt="{$v.alt}">
                </div>
                <div class="desc">
                    {$v.content}
                </div>
            </li>
            {/volist}
        </ul>
    </div>
</div>
<!-- page_banner end -->
<!-- position -->
<div class="position_content">
    <div class="public">
        <div class="position">
            <i class="iconfont icon-zhuye"></i>
            <a href="/">主页</a> >
            <a >解决方案</a>

        </div>
    </div>
</div>
<!-- position end -->

<div class="webpage">


    <div class="public padi40 clear">
        <div class="singlepro_top">
            <h3 class="title">解决方案</h3>
            <div class="text">概述了使用激光机进行雕刻、切割或者打标的典型行业与应用，选择标签了解其详情</div>
        </div>
    </div>
    <div class="webpage_detail">
        <div class="public">
            <ul class="filter_menu clear">
                <li class="fl">
                    <select data-sortOrder id="type">
                        <option value="0" data-id="0">
                            全部
                        </option>
                        {volist name="type" id="v" key="k"}
                        <option value="{$v.id}" {if $v.id eq $type1}selected="selected"{/if} data-id="{$v.id}">
                            {$v.name}
                        </option>
                        {/volist}
                    </select>
                </li>
            </ul>
            <ul class="filtr_container filtr_content" id="list">
                {volist name="list" id="v" key="k"}
                <li class="filtr-item" data-category="1, {$v.id}">
                    <a href="/Solution/{$v.id}.html" class="filtr_nav am">
                        <div class="pic am">
                            <div class="pic_img am">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="text_item am">
                            <h3 class="_more am">{$v.name}</h3>
                            <p class="details">{$v.intro}</p>

                            <span class="pushbar am">查看详情</span>
                        
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
{include file="public/footer" /}

<script type="text/javascript">

    $(function() {
        console.log('load');
        $('.filtr_container').filterizr();
    });
    jQuery(document).ready(function($){
        console.log('ready');
        $('.filtr_container').filterizr();
    });
    $(".details").wordLimit(50);
    $("#type").bind("change",function () {
        var type = $(this).val();
        console.log(type);
        window.location.href='/Solution.html?type='+type;
        // $.ajax({
        //     type: "post",
        //     dataType: "json",
        //     url: '/home/Solution/getListBytype',
        //     data: {'type':type},
        //     success: function (res) {
        //         var success = JSON.parse(res);
        //         if(success.code===200){
        //             console.log(success.data);
        //             var html = '';
        //             $.each(success.data,function(index,value) {
        //                 var da = '<li class="filtr-item" data-category="1, 5">\n' +
        //                     '                    <a href="/Solution/'+value.uname+'-'+value.id+'.html" class="filtr_nav am">\n' +
        //                     '                        <div class="pic am">\n' +
        //                     '                            <div class="pic_img am">\n' +
        //                     '                                <img src="'+value.img_url+'" alt="'+value.alt+'">\n' +
        //                     '                            </div>\n' +
        //                     '                        </div>\n' +
        //                     '                        <div class="text_item am">\n' +
        //                     '                            <h3 class="_more am">'+value.name+'</h3>\n' +
        //                     '                            <p class="details">'+value.intro+'</p>\n' +
        //                     '                            <span class="pushbar am">查看详情</span>\n' +
        //                     '                        </div>\n' +
        //                     '                    </a>\n' +
        //                     '                </li>';
        //                 html+=da;
        //             });
        //             $('#list').html(html);
        //         }else {
        //
        //         }
        //
        //     }
        // });
    })



</script>
